<template>
	<!-- 一定要有个根节点, view -->
	<view class="content">
		<view class="title">{{title}}</view>
		<view class="art-content">
			<rich-text :nodes="content" class="rich-text"></rich-text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				newsid: -1,
				title: '',
				content: ''
			}
		},
		methods: {
			
		},
		// 这里很重要, 是页面开始的地方
		onLoad:function(e){
			// 页面加载的时候, 这里可以获取页面的参数
			// 具体可以通过控制台查看
			// console.log(e)
			// console.log(e.newsid)
			this.newsid = e.newsid			// 需要使用 this 指针.
			
			uni.request({
				url: 'https://unidemo.dcloud.net.cn/api/news/36kr/' + this.newsid,
				method: 'GET',
				data: {},
				success: res => {
					// console.log(res)
					this.title = res.data.title
					this.content = res.data.content					// 显示 html 元素...
				},
				fail: () => {},
				complete: () => {}
			});
		}
	}
</script>

<style>
	/* 布局样式布局, 需要看一下手册... todo.. */
.content{padding:10upx 2%; width: 96%; flex-wrap:wrap;}
.title{line-height:2em; font-weight:700; font-size:38upx;}
.art-content{line-height:2em;}
</style>
